<!DOCTYPE html>
<html>
	<head lang="en">
		<meta charset="utf-8" />
		<title>最家</title>
           <link rel="stylesheet" type="text/css" href="/static/reset.css">
    <link rel="stylesheet" type="text/css" href="/static/main.css">
		<link rel="stylesheet" type="text/css" href="/static/css/public.css"/>
		<link rel="stylesheet" type="text/css" href="/static/css/myorder.css" />
        <script type="text/javascript" src="/static/vue-2.5.16.js"></script>
        <script type="text/javascript" src="/static/host.js"></script>
        <script type="text/javascript" src="/static/axios-0.18.0.min.js"></script>
	</head>
	<body>
    <div id="app">
		<!------------------------------head------------------------------>
		<div class="head ding">
             <div class="wrapper clearfix">
        <div class="clearfix" id="top">
            <h1 class="fl"><a href="/"><img src="/static/img/logo.png"/></a></h1>
            <div class="fr clearfix" id="top1">
                <p class="fl">
                    <a href="#" id="login">登录</a>
                    <a href="#" id="reg">注册</a>
                </p>
                <form action="#" method="get" class="fl">
                    <input type="text" placeholder="搜索"/>
                    <input type="button"/>
                </form>
                <div class="btn fl clearfix">
                    <a href="my_center.html"><img src="/static/img/grzx.png"/></a>
                    <a href="#" class="er1"><img src="/static/img/ewm.png"/></a>
                    <a href="{{ url('shoppingcart:carts')}}"><img src="/static/img/gwc.png"/></a>
                    <p><a href="#"><img src="/static/img/smewm.png"/></a></p>
                </div>
            </div>
        </div>
        <ul class="clearfix" id="bott">
            <li><a href="/">首页</a></li>
            <li>
                <a href="#">所有商品</a>
                <div class="sList">
                    <div class="wrapper  clearfix">
                        <a href="paint.html">
                            <dl>
                                <dt><img src="/static/img/nav1.jpg"/></dt>
                                <dd>浓情欧式</dd>
                            </dl>
                        </a>
                        <a href="paint.html">
                            <dl>
                                <dt><img src="/static/img/nav2.jpg"/></dt>
                                <dd>浪漫美式</dd>
                            </dl>
                        </a>
                        <a href="paint.html">
                            <dl>
                                <dt><img src="/static/img/nav3.jpg"/></dt>
                                <dd>雅致中式</dd>
                            </dl>
                        </a>
                        <a href="paint.html">
                            <dl>
                                <dt><img src="/static/img/nav6.jpg"/></dt>
                                <dd>简约现代</dd>
                            </dl>
                        </a>
                        <a href="paint.html">
                            <dl>
                                <dt><img src="/static/img/nav7.jpg"/></dt>
                                <dd>创意装饰</dd>
                            </dl>
                        </a>
                    </div>
                </div>
            </li>
            <li>
                <a href="flowerDer.html">装饰摆件</a>
                <div class="sList2">
                    <div class="clearfix">
                        <a href="proList.html">干花花艺</a>
                        <a href="vase_proList.html">花瓶花器</a>
                    </div>
                </div>
            </li>
            <li>
                <a href="decoration.html">布艺软饰</a>
                <div class="sList2">
                    <div class="clearfix">
                        <a href="zbproList.html">桌布罩件</a>
                        <a href="bzproList.html">抱枕靠垫</a>
                    </div>
                </div>
            </li>
            <li><a href="paint.html">墙式壁挂</a></li>
            <li><a href="perfume.html">蜡艺香薰</a></li>
            <li><a href="idea.html">创意家居</a></li>
        </ul>
    </div>
		</div>
		<!------------------------------idea------------------------------>
		<div class="address mt">
			<div class="wrapper clearfix">
				<a href="index.html" class="fl">首页</a>
				<span>/</span>
				<a href="mygxin.html" class="on">个人中心</a>
				<span>/</span>
				<a href="myprod.html" class="on">待评价商品</a>
			</div>
		</div>


		<!------------------------------Bott------------------------------>
		<div class="Bott">
{#			<div class="wrapper clearfix">#}

{#				<div class="you fl">#}
{#					<div class="my clearfix">#}
{#						<h2 class="fl">商品评价</h2>#}
{#					</div>#}
{#					<div class="dlist">#}
{#						<ul class="clearfix" id="pro">#}
{#							<li class="on"><a href="#2">待评价商品</a></li>#}
{##}
{#						</ul>#}
{#					</div>#}


{#                            {% for goods in uncomment_goods_list %}#}
{#							<dl class="fl">#}
{#								<dt><a href="#"><img src="{{ goods.img }}" style="width: 300px; height: 300px"/></a></dt>#}
{#								<dd><a href="#">{{ goods.name }}</a></dd>#}
{#								<dd>¥{{ goods.price }}</dd>#}
{#								<dd>{{ goods.comments }}人评价</dd>#}
{#								<dd><a href="#2">评价</a></dd>#}
{#							</dl>#}
{#                            {% endfor %}#}
                             <div class="judge_con" v-for="(sku,index) in skus">
        <div class="judge_goods fl">
            <ul>
                <li>
                    <a :href="sku.url"><img :src="sku.default_image_url"></a>
                    <h4><a :href="sku.url">[[ sku.name ]]</a></h4>
                    <div class="price">￥[[ sku.price ]]</div>
                </li>
            </ul>
        </div>
        <div class="judge_goods_input fr">
            <div class="judge_item">
                <label>商品满意度</label>
                <div class="stars fl">
                    <a @mouseover="on_stars_mouseover(index, 1)" @mouseout="on_stars_mouseout(index)"
                       @click="on_stars_click(index, 1)" class="star_off" :class="sku.score>=1?'light':''"></a>
                    <a @mouseover="on_stars_mouseover(index, 2)" @mouseout="on_stars_mouseout(index)"
                       @click="on_stars_click(index, 2)" class="star_off" :class="sku.score>=2?'light':''"></a>
                    <a @mouseover="on_stars_mouseover(index, 3)" @mouseout="on_stars_mouseout(index)"
                       @click="on_stars_click(index, 3)" class="star_off" :class="sku.score>=3?'light':''"></a>
                    <a @mouseover="on_stars_mouseover(index, 4)" @mouseout="on_stars_mouseout(index)"
                       @click="on_stars_click(index, 4)" class="star_off" :class="sku.score>=4?'light':''"></a>
                    <a @mouseover="on_stars_mouseover(index, 5)" @mouseout="on_stars_mouseout(index)"
                       @click="on_stars_click(index, 5)" class="star_off" :class="sku.score>=5?'light':''"></a>
                </div>
                <div class="score">[[ sku.display_score ]]分</div>
            </div>
            <div class="judge_item">
                <label>发表评价</label>
                <textarea class="judge_area" v-model="sku.comment"></textarea>
            </div>
            <div class="judge_item">
                <input type="input" @click="save_comment(index)" value="提 交" class="judge_sub">
                <input type="checkbox" v-model="sku.is_anonymous" class="no_name"> 匿名评价
            </div>
        </div>
    </div>



{#				</div>#}
			</div>
		</div>


{#			<!--遮罩-->#}
{#			<div class="mask"></div>#}
{#			<!--评价弹框-->#}
{#			<div class="pj">#}
{#				<div class="clearfix"><a href="#" class="fr gb"><img src="/static/img/icon4.png"/></a></div>#}
{#				<h3>商品评分</h3>#}
{#				<form action="#" method="post">#}
{#					<div class="clearfix">#}
{#						<p class="fl">请打分：</p>#}
{#						<p class="fl" id="xin">#}
{#							<a href="#2" name="1"><img src="/static/img/xin.png"/></a>#}
{#							<a href="#2" name="2"><img src="/static/img/xin.png"/></a>#}
{#							<a href="#2" name="3"><img src="/static/img/xin.png"/></a>#}
{#							<a href="#2" name="4"><img src="/static/img/xin.png"/></a>#}
{#							<a href="#2" name="5"><img src="/static/img/xin.png"/></a>#}
{#						</p>#}
{#					</div>#}
{##}
{#					<textarea name="order" rows="" cols="" placeholder="请输入评价" ></textarea>#}
{#					<div class="bc">#}
{#						<input type="submit" value="保存"  />#}
{#						<input type="button" value="取消" />#}
{#					</div>#}
{#				</form>#}
{#			</div>#}
			<!--查看评价-->
{#			<div class="chak">#}
{#				<div class="clearfix"><a href="#" class="fr gb"><img src="/static/img/icon4.png"/></a></div>#}
{#				<h3>商品评分</h3>#}
{#				<form action="#" method="post">#}
{#					<div class="clearfix">#}
{#						<p class="fl">请打分：</p>#}
{#						<p class="fl" id="xin">#}
{#							<a href="#2"><img src="/static/img/hxin.png"/></a>#}
{#							<a href="#2"><img src="/static/img/hxin.png"/></a>#}
{#							<a href="#2"><img src="/static/img/hxin.png"/></a>#}
{#							<a href="#2"><img src="/static/img/hxin.png"/></a>#}
{#							<a href="#2"><img src="/static/img/hxin.png"/></a>#}
{#						</p>#}
{#					</div>#}
{#					<textarea name="" rows="" cols="" placeholder="请输入评价" >挺好的挺好的挺好的~五分好评</textarea>#}
{#					<div class="bc">#}
{#						<input type="submit" id="submit2" value="保存"  />#}
{#						<input type="button" value="取消" />#}
{#					</div>#}
{#				</form>#}
{#			</div>#}




		<!--返回顶部-->
		<div class="gotop">
			<a href="cart.html">
			<dl>
				<dt><img src="/static/img/gt1.png"/></dt>
				<dd>去购<br />物车</dd>
			</dl>
			</a>
			<a href="#" class="dh">
			<dl>
				<dt><img src="/static/img/gt2.png"/></dt>
				<dd>联系<br />客服</dd>
			</dl>
			</a>
			<a href="mygxin.html">
			<dl>
				<dt><img src="/static/img/gt3.png"/></dt>
				<dd>个人<br />中心</dd>
			</dl>
			</a>
			<a href="#" class="toptop" style="display: none">
			<dl>
				<dt><img src="/static/img/gt4.png"/></dt>
				<dd>返回<br />顶部</dd>
			</dl>
			</a>
			<p>400-800-8200</p>
		</div>
		<!--footer-->
		<div class="footer">
			<div class="top">
				<div class="wrapper">
					<div class="clearfix">
						<a href="#2" class="fl"><img src="/static/img/foot1.png"/></a>
						<span class="fl">7天无理由退货</span>
					</div>
					<div class="clearfix">
						<a href="#2" class="fl"><img src="/static/img/foot2.png"/></a>
						<span class="fl">15天免费换货</span>
					</div>
					<div class="clearfix">
						<a href="#2" class="fl"><img src="/static/img/foot3.png"/></a>
						<span class="fl">满599包邮</span>
					</div>
					<div class="clearfix">
						<a href="#2" class="fl"><img src="/static/img/foot4.png"/></a>
						<span class="fl">手机特色服务</span>
					</div>
				</div>
			</div>
			<p class="dibu">最家家居&copy;2013-2017公司版权所有 京ICP备080100-44备0000111000号<br />
			违法和不良信息举报电话：400-800-8200，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</p>
		</div>
</div>
{#<script>#}
{##}
{##}
{#$("#submit2").click(function () {#}
{#            var params = {#}
{#                    'xin1': $("#xin1").val(),#}
{#                    'xin2': $("#xin2").val(),#}
{#                    'xin3': $("#xin3").val(),#}
{#                    'xin4': $("#xin3").val(),#}
{#                    'xin5': $("#xin3").val(),#}
{#                };#}
{##}
{#                //
{#                $.ajax({#}
{#                    url: "/",#}
{#                    type: "post",#}
{#                    data: JSON.stringify(params),#}
{#                    contentType: "application/json",#}
{#                    headers: {#}
        {#"X-CSRFToken": getCookie("csrf_token")#}
{#                    },#}
{#                    success: function (resp) {#}
{#                        if (resp.err == "0") {#}
{#                            // `修改密码`成功#}
{#                            alert(resp.msg)#}
{#                        }#}
{#                    }#}
{#                })#}
{#        });#}
{#</script>#}

    <script type="text/javascript">
            let skus = {{ uncomment_goods_list | safe }};
    </script>
    <script src="/static/js/jquery-1.12.4.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="/static/order_comment.js" type="text/javascript" charset="utf-8"></script>
    <script src="/static/common.js" type="text/javascript" charset="utf-8"></script>
    <script src="/static/js/public.js" type="text/javascript" charset="utf-8"></script>
    <script src="/static/js/user.js" type="text/javascript" charset="utf-8"></script>
</body>
</html>
